<template>
  <div >


<van-row type="flex" justify="center" style="padding:1rem">
  <van-image
    width="60"
    height="60"
    :src="require('@/assets/logo.jpg')"
  />
  <span style="font-size: 2rem;padding: 5px;">数字磁场</span>
</van-row>

<van-grid :gutter="10" :icon-size="'56px'">
  <van-grid-item v-for="(item,index) in classList" :key="`List${index}`" :icon="item.src" :text="item.text" @click="gotoUrl(item)" />
</van-grid>

<van-cell-group >
<van-cell   >
  <template #default>
    <p>数字磁场一共有八个星，代表了宇宙中的八个不同频率的磁场。分别是四吉星和四凶星，四吉星分别有：天医星，延年星，生气星，伏位星。凶星分别有：祸害星，绝命星，六煞星，和五鬼星。</p>
    <p>这八个星都代表了不同的含义,不同的性格。</p>
    <p>号码测吉凶是通过这八个星相互的性格相互参合而产生的的信息。</p>
  </template>
</van-cell>
</van-cell-group>
</div>
</template>

<script>
import { mapState,mapGetters,mapMutation,mapAction } from "vuex";

export default {
  components: {

  },

  data() {
    return {
     List:[
        
     ]
    }
  },
  computed:{
    ...mapGetters("dataArr", ["classList"]),
  },
  methods: {

    onClickCart() {
      this.$router.push('cart');
    },
    gotoUrl(val){
      this.$router.push({path:`classList/${val.index||1}`});
    },
    image() {
      // https://www.xxla.net/
      // http://www.admin66.cn/
    }
  }
};
</script>

<style lang="less">
p{font-size:1rem; margin:2px}
</style>
